上一次挑戰我已經了解 No Code/Low Code ，
不過當時沒有意識到其實已經在為新的思路鋪路，
因為 No Code/Low Code 本質上也是在降低對工程師的依賴，
不過那有點算是把依賴轉嫁給使用的工具上。

當時我有在猶豫要不要寫另一個主題，
就是 Browser Extension，
因為在很久很久以前，看到一位同事用 Chrome Extension 做了對他自己工作有幫助的工具，
我就也想試試就順便研究了，以下就分享一下當時的筆記：

直接去翻當時最新的書 連結 ，
或是一些參考連結（注意以下連結可能是過時資訊）：

• 你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列
• Chrome Extension 開發與實作 系列
• Chrome Extension API 筆記

簡單介紹一下開發 Chrome 瀏覽器擴充程式內容：

• manifest.json：
  包含了擴充程式的所有設置、描述和功能概要，例如需要使用到的權限。如果有使用以下第 2 點到第 6 點，都要寫在 manifest.json，這個檔案在最後上架的時候， google 會檢查，最新版本是 V3 ，所以在挑選線上參考連結閱讀時，要注意版本。
• Background Script：
  背景中運行，通常用來監聽事件和處理請求。
• popup.html：
  在擴充程式按一下跳出來的視窗畫面。
• options.html：
  在擴充程式按右鍵，裡面一個叫「選項」的選單按鈕，點擊後會另開視窗，是一個獨立頁面，可以在這個頁面做更多的功能、描述與使用者互動，各位可以開開看自己常用的擴充程式在這一頁有什麼樣的互動。
• Content Script：
  目前所在網頁與擴充程式的交流，例如用了擴充程式，就讓目前網頁有下雪效果。
• devtools.html：
  可以建立一個檢查程式碼時的頁面

如何測試 Chrome 擴充程式呢？其實很簡單：

• 在 Chrome 的右上角「…」> 擴充功能 > 管理擴充功能
• 打開「開發人員模式」，在左側會有三個按鈕
• 選擇「載入未封裝項目」
• 再選擇你的開發資料夾
• 然後每次修改後，都需要更新擴充程式，更新按鈕在卡片的右下角，點擊後再重新測試你的擴充程式。

中間練習程式碼的部分忽略，直接來到上架有關的流程：
要到 Chrome Web Store Developer 註冊與上架(以下都是當時練習的流程，要注意是否過時)

• 跟著文件指示註冊連結
• 註冊完後需要付款 5 美元開通（當時是 5 美元，現在不確定）
• 進到開發者 Dashboard 畫面
• 按新增商品跟著指示走，把資料填一填即可：
  • 套件壓縮檔 可以放 Youtube 連結、首頁連結等
  • 可以放五張宣傳圖，1280800 或 640400，JPEG 或 24 位元 PNG (無 alpha 透明層)
  • 至少 1 張 小 icon：440*280
  • Banner：1400*560
  • 可以創建 GA4 資源
  • 可以多國語言的描述介紹和多國語言的宣傳圖
• 有一個重點是，如果你有需要用到使用者的權限，是需要描述清楚的，而且需要附帶一個隱私權政策的網址。如果你沒有，可以使用免費的線上服務，創建一個頁面，裡面寫好隱私權政策的內容，再把網址貼進去即可。
• 最後就是提交了，審核時間不一定，看 Google 心情，後續每次修改，都需要再提交一次，所以如果是要經營的話，要注意上架審核的時間，如果時間急迫又被退件，那就麻煩了。但應該會有不重新審核就可以更新內容的技巧，但那離我太遠了。

雖然在學習 Chrome Extension 我只有用到簡單的 HTML、CSS、Javascript 沒遇到什麼困難，但我一直覺得這樣就可以打造一個對人有用的產品了，覺得設計師/工程師們都可以多嘗試一點，說不定一個爆紅的產品就又出現了，尤其是 AI 時代，不需要一下子就要建立網站或是弄個 App(現在 Vibe Coding 從這些小程式做也不錯) 。

學習 No-Code / Low-Code 和 Browser Extension 其實都幫助我在日後建立無障礙生態系都剛好有著巨大的影響。